<m-data-table *ngIf="result$ | async as result" [data]="result.list" [result]="result">
  <ng-container mDataTableColumn header="日志类型">
    <ng-template let-type="type_desc">
      <td>{{ type }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="区域名称">
    <ng-template let-name="area_name">
      <td>{{ name }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="角色">
    <ng-template let-type="user_type">
      <td><m-user-type-text [type]="type"></m-user-type-text></td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="姓名">
    <ng-template let-name="username">
      <td>{{ name }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="工号">
    <ng-template let-job_number="user_number">
      <td>{{ job_number }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="软件别名">
    <ng-template let-name="software_name">
      <td>{{ name }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="软件版本">
    <ng-template let-version="version">
      <td>{{ version }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="终端别名">
    <ng-template let-name="pc_name">
      <td>{{ name }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="终端IP">
    <ng-template let-ip="pc_ip">
      <td>{{ ip }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="行为">
    <ng-template let-desc="operation_desc">
      <td>{{ desc }}</td>
    </ng-template>
  </ng-container>
  <ng-container mDataTableColumn header="行为时间">
    <ng-template let-created_at="created_at">
      <td>{{ created_at | date }}</td>
    </ng-template>
  </ng-container>

  <m-pagination [length]="result.total" [pageSize]="result.pageSize" [result]="result">
  </m-pagination>
</m-data-table>
